<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:f="http://java.sun.com/jsf/core">

    <rich:panel id="panelExperiencia" style="width:470px" rendered="#{gestorRecursosHumanos.renderPnExperiencia}">
        <f:facet name="header">
            <h:panelGroup>
                <h:outputText value="Listado de Experiencias"></h:outputText>
            </h:panelGroup>
        </f:facet>
        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="../imagenes/close.png" styleClass="hidelink" id="hidelink"/>
                <rich:componentControl for="panelExperiencia" attachTo="hidelink" operation="hide" event="onclick"/>
            </h:panelGroup>
        </f:facet>
        <h:panelGrid id="pngListaExperiencias" columns="1">


            <rich:panel id="pnlExperiencias" >
                <rich:panel id="pnlListaExperiencias"  rendered="#{gestorRecursosHumanos.renderExperiencia}" header="Ingresar Experiencia" >
                    <h:panelGrid id="outIngresoExperiencia" columns="5" styleClass="gridhello" columnClasses="gridhellocolumn">

                        <h:outputText value="#{general.codigo}:" />
                        <h:inputText value="#{gestorRecursosHumanos.currentExperiencia.codigo}"/>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />
                        

                        <h:outputText value="Experiencia:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idExperiencia" value="#{gestorRecursosHumanos.currentExperiencia.experiencia}"
                                         size="13" required="true" maxlength="13"
                                         requiredMessage="Es necesario llenar este campo."
                                         >
                            </h:inputText>

                            <rich:message for="idExperiencia" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />


                        <h:outputText value="Lugar:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idLugar" value="#{gestorRecursosHumanos.currentExperiencia.lugar}"
                                         size="13" required="true" maxlength="13"
                                         requiredMessage="Es necesario llenar este campo."
                                         >
                            </h:inputText>

                            <rich:message for="idLugar" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />

                        <h:outputText value="#{general.duracion}:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idDuracion" value="#{gestorRecursosHumanos.currentExperiencia.duracionMeses}"
                                         size="13" required="true" maxlength="13"
                                         requiredMessage="Es necesario llenar este campo."
                                         >
                            </h:inputText>

                            <rich:message for="idDuracion" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />

                    </h:panelGrid>
                    <a4j:commandButton id="btnGrabarExperiencia" value="Grabar" action="#{gestorRecursosHumanos.grabarExperiencia}"
                                       title="Grabar" reRender="pnlExperiencias" ajaxSingle="true"/>
                    <a4j:commandButton id="btnCancelarExperiencia" value="Cancelar" action="#{gestorRecursosHumanos.cerrarExperiencia}"
                                       title="Cerrar" reRender="pnlExperiencias" immediate="true"/>

                </rich:panel>

                <rich:dataTable id="tblExperiencias" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                cellpadding="0" cellspacing="0"
                                width="400" rows="5" border="0" var="row" value="#{gestorRecursosHumanos.currentEmprendedor.experiencias}"
                                binding="#{gestorRecursosHumanos.tablaExperiencias}">


                    <rich:column label="#{general.codigo}" >
                        <f:facet name="header">
                            <h:outputText id="outCodigo1" value="#{general.codigo}" title="#{general.codigo}"/>
                        </f:facet>
                        <h:outputText value="#{row.codigo}"></h:outputText>
                    </rich:column>
                    <rich:column label="Experiencia">
                        <f:facet name="header">
                            <h:outputText id="outExperiencia" value="Experiencia" title="Experiencia"/>
                        </f:facet>
                        <h:outputText value="#{row.experiencia}"></h:outputText>
                    </rich:column>



                    <rich:column>

                        <f:facet id="ignore1" name="header">
                            <h:outputText id="outClmAcciones1" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                        </f:facet>

                        <div id="divAcciones1" align="center">

                            <a4j:commandButton id="btnAccionEliminar1" action="#{gestorRecursosHumanos.eliminarExperiencia}" value="#{general.eliminar}"
                                               image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="pnlExperiencias" immediate="true"/>
                            <a4j:commandButton id="btnAccionEditar1" action="#{gestorRecursosHumanos.editarExperiencia}" value="#{general.btnVer}"
                                               image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlExperiencias" immediate="true"/>

                        </div>
                    </rich:column>
                    <f:facet id="fctPieDetalletex" name="footer">
                    <rich:datascroller id="dtsDetalletex" for="tblExperiencias"/>
                    </f:facet>
                </rich:dataTable>
                <a4j:commandButton id="btnNuevoExperiencia" value="Agregar" action="#{gestorRecursosHumanos.nuevoExperiencia}"
                                   title="Nuevo" reRender="pnlExperiencias" immediate="true"/>



            </rich:panel>


        </h:panelGrid>
    </rich:panel>
</ui:composition>
